<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
	</head>
	<body>
		<div id="app">
			<input  type="checkbox" name="hobby" value="羽毛球" v-model="hobby"/>羽毛球
			<input type="checkbox" name="hobby" value="台球" v-model="hobby" />台球
			<input type="checkbox"  name="hobby" value="游泳" v-model="hobby"/>游泳
			<p>兴趣爱好是:{{ hobby }}</p>
		</div>
		<script>
			let app =new Vue({
				el:"#app",
				data:{
					hobby:["羽毛球"],
				}
			})
		</script>
	</body>
</html>
